
* {
	box-sizing: border-box;
}

.clearfix::after {
	content: "";
	display: table;
	clear: both;
}

.pull-left {
	float: left !important;
}

.pull-right {
	float: right !important;
}

.font-12 {
	font-size: 12px !important;
}

.font-14 {
	font-size: 14px !important;
}

.font-16 {
	font-size: 16px !important;
}

.font-18 {
	font-size: 18px !important;
}

.font-20 {
	font-size: 20px !important;
}

.font-22 {
	font-size: 22px !important;
}

.font-24 {
	font-size: 24px !important;
}

.font-weight-bold {
	font-weight: bold;
}

.padded-5 {
	padding: 5px !important;
}

.padded-10 {
	padding: 10px !important;
}

.padded-15 {
	padding: 15px !important;
}

.padded-30 {
	padding: 30px !important;
}

.padded-60 {
	padding: 60px !important;
}

.padded-t-5 {
	padding-top: 5px !important;
}

.padded-t-10 {
	padding-top: 10px !important;
}

.padded-b-0 {
	padding-bottom: 0 !important;
}

.padded-b-5 {
	padding-bottom: 5px !important;
}

.padded-b-10 {
	padding-bottom: 10px !important;
}

.padded-b-15 {
	padding-bottom: 15px !important;
}

.padded-b-25 {
	padding-bottom: 25px !important;
}

.padded-t-15 {
	padding-top: 15px !important;
}

.padded-t-25 {
	padding-top: 25px !important;
}

.padded-t-40 {
	padding-top: 40px !important;
}

.padded-l-5 {
	padding-left: 5px !important;
}

.padded-l-10 {
	padding-left: 10px !important;
}

.padded-l-15 {
	padding-left: 15px !important;
}

.padded-l-25 {
	padding-left: 25px !important;
}

.padded-r-10 {
	padding-right: 10px !important;
}

.padded-r-25 {
	padding-right: 25px !important;
}

.margin-t-5 {
	margin-top: 5px !important;
}

.margin-t-10 {
	margin-top: 10px !important;
}

.margin-t-15 {
	margin-top: 15px !important;
}

.margin-r-5 {
	margin-right: 5px !important;
}

.margin-r-10 {
	margin-right: 10px !important;
}

.color-7F7F7F {
	color: #7F7F7F !important;
}

.color-888888 {
	color: #888888 !important;
}

.color-0655B2 {
	color: #0655B2 !important;
}

.color-1057A9 {
	color: #1057A9 !important;
}

.color-616161 {
	color: #616161 !important;
}

.color-9B9C9C {
	color: #9B9C9C !important;
}

.color-5888E7 {
	color: #5888E7 !important;
}

.color-3180E7 {
	color: #3180E7 !important;
}

.color-3679FF {
	color: #3679FF !important;
}

.color-E8EBFF {
	color: #E8EBFF !important;
}

.color-F54966 {
	color: #F54966 !important;
}

.color-B1B8C7 {
	color: #B1B8C7 !important;
}

.color-646D7F {
	color: #646D7F !important;
}

.color-2C3340 {
	color: #2C3340 !important;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.divider {
	border: none; /* 移除默认边框 */
	border-top: 1px solid #E6E9F0; /* 只显示上边框 */
}

.line-height-14 {
	line-height: 14px !important;
}
.line-height-16 {
	line-height: 16px !important;
}
.line-height-18 {
	line-height: 18px !important;
}

.bg-FFFFFF {
	background: #FFFFFF !important;
}

.bg-EDF4FF {
	background: #EDF4FF !important;
}

.bg-F2FAFF {
	background: #F2FAFF !important;
}

.bg-FAFAFA {
	background: #FAFAFA !important;
}

.bg-CCCCCC {
	background: #CCCCCC !important;
}

.bg-F6F6F6 {
	background: #F6F6F6 !important;
}

.border-E2EDFF {
	border: 1px solid #E2EDFF !important;
}

.border-DDEAFF {
	border: 1px solid #DDEAFF !important;
}

.border-b-F5F5F5 {
	border-bottom: 1px solid #F5F5F5 !important;
}

.border-radius-10 {
	border-radius: 10px !important;
}

.border-radius-20 {
	border-radius: 20px !important;
}

.border-radius-40 {
	border-radius: 40px !important;
}

.border-radius-60 {
	border-radius: 60px !important;
}

page {
	height: 100%;
	background-color: #FAFAFA;
	
	.page-container {
		height: 100%;
		
		.manage-container {
			height: 100%;
			padding: 15px;
			overflow-y: scroll;
			
			.manage-item {
				background-color: #FFFFFF;
				padding: 15px;
				border-radius: 10px;
				
				.product-button {
					text-align: center;
					border: 1px solid #E6E9F0;
					border-radius: 5px;
					padding: 5px;
					color: #3679FF;
					box-shadow: 0 0 4px 4px rgba(247,247,247, 0.7);
				}
			}
		}
		
		.recommend-item {
			background-color: #FFFFFF;
			border-radius: 10px;
			overflow: hidden;
			
			.recommend-bottom-button {
				color: #FFFFFF;
				background-image: linear-gradient(to bottom, #3B9DFF, #3679FF);
			}
		}
		
		.detail-container {
			height: 100%;
			padding: 15px;
			overflow-y: scroll;
			
			.detail-item {
				background-color: #FFFFFF;
				padding: 15px;
				border-radius: 10px;
				box-shadow: 0 0 2px 2px rgba(247,247,247, 0.7);
				
				.manage-button {
					font-size: 12px;
					text-align: center;
					border: 1px solid #E6E9F0;
					border-radius: 5px;
					padding: 0 10px;
					color: #646D7F;
					box-shadow: 0 0 3px 3px rgba(247,247,247, 0.7);
				}
				
				.product-button {
					text-align: center;
					border: 1px solid #E6E9F0;
					border-radius: 5px;
					padding: 5px;
					color: #3679FF;
					box-shadow: 0 0 3px 3px rgba(247,247,247, 0.7);
				}
			}
		}
	}
}
